<div class='right-cont wrap-fuser' ng-controller='UserVipList'>
    <div class='title'>VIP会员列表({{count}})<i class='fa fa-spin fa-spinner' ng-if='loading'></i></div>
    <div class='content'>
        <div class='box-ops clearfix'>
            <!-- <div class='box-breadcrumb'>
                <div class='breadcrumb'>
                    <li class='link' ng-repeat='p in breadcrumb' ng-click='get_child_list(p.father_id, p.nickname)'>
                        {{p.nickname}}
                    </li>
                </div>
            </div> -->
            <div class='box-search-key-date'>
                <div class='input-group input-group-date'>
                    <input type='text' class='form-control input-date' placeholder='起始时间'
                        ng-model='condition.date_start'>
                    <span class='input-group-addon'>至</span>
                    <input type='text' class='form-control input-date' placeholder='结束时间'
                        ng-model='condition.date_end'>
                </div>
                <input type='text' class='form-control input-keyword' placeholder='ID|昵称|角色'
                    ng-model='condition.keyword'>
                <button class='btn btn-primary' ng-click='get_list(1)'>搜索</button>
                <button class='btn btn-success' ng-click='out_excel()'>导出</button>
            </div>
        </div>
        <div class='box-list' style='overflow-x:scroll; min-width: 1000px;'>
            <table class='table table-list' style='min-width: 1600px; margin-bottom: 40px;'>
                <tr>
                    <td class='sort' ng-click='change_sort("id")'>
                        用户ID <span class='fa fa-sort' data-sort='id'></span>
                    </td>
                    <td>微信昵称<span class='fa fa-sort'></span></td>
                    <td>注册手机号<span class='fa fa-sort'></span></td>
                    <td>真实姓名<span class='fa fa-sort'></span></td>
                    <td class='sort' ng-click='change_sort("vip_level")'>
                        VIP等级<span class='fa fa-sort' data-sort='vip_level'></span>
                    </td>
                    <td class='sort' ng-click='change_sort("vip_endtime")'>
                        VIP到期时间<span class='fa fa-sort' data-sort='vip_endtime'></span>
                    </td>
                    <td>VIP手改次数<span class='fa fa-sort'></span></td>
                    <td class='sort' ng-click='change_sort("child_school")'>
                        所在院校<span class='fa fa-sort' data-sort='child_school'></span>
                    </td>
                    <td class='sort' ng-click='change_sort("child_course_name")'>
                        班级名称<span class='fa fa-sort' data-sort='child_course_name'></span>
                    </td>
                    <td>关注时间<span class='fa fa-sort'></span></td>
                    <td>操作<span class='fa fa-sort'></span></td>
                </tr>
                <tr ng-repeat='user in list'>
                    <td>{{user.id || '未知'}}</td>
                    <td>{{user.nickname || '未知'}}</td>
                    <td>{{user.username || '未知'}}</td>
                    <td>{{user.truename || '未知'}}</td>
                    <td>{{user.vip_level || '未知'}}</td>
                    <td>{{user.vip_enddate || '未知'}}</td>
                    <td>{{user.vip_artificially_count || 0}}</td>
                    <td>{{user.child_school || '未知'}}</td>
                    <td>{{user.child_course_name || '未知'}}</td>
                    <td>{{user.subscribe_date || '未知'}}</td>
                    <td>
                        <button class='btn btn-warning btn-xs btn-w-xs' ng-click='get_item(user)'>编辑</button>
                    </td>
                </tr>
            </table>
            <div class='box-page' ng-bind-html='pageHtml'></div>
        </div>
    </div>

    <!--用户信息编辑模态窗-->
    <div class='modal fade edit-item'>
        <div class='modal-dialog'>
            <div class='modal-content' align='center'>
                <div class='modal-header'>
                    用户信息更改
                    <a class='close' data-dismiss='modal'>&times;</a>
                </div>
                <div class='modal-body'>
                    <table class='table-form'>
                        <tr>
                            <td class='td-label'>孩子姓名:</td>
                            <td>
                                <input type='text' class='form-control' ng-model='nItem.child_name'>
                            </td>
                        </tr>
                        <tr>
                            <td class='td-label'>出生日期:</td>
                            <td>
                                <input type='text' class='form-control input-date' ng-model='nItem.child_birthday_date'>
                            </td>
                        </tr>
                        <tr>
                            <td class='td-label'>所在区域:</td>
                            <td><input type='text' class='form-control' ng-model='nItem.child_city'></td>
                        </tr>
                        <tr>
                            <td class='td-label'>所在学校:</td>
                            <td><input type='text' class='form-control' ng-model='nItem.child_school'></td>
                        </tr>
                        <tr>
                            <td class='td-label'>班级名称:</td>
                            <td><input type='text' class='form-control' ng-model='nItem.child_course_name'></td>
                        </tr>
                        <tr>
                            <td class='td-label'>孩子性别:</td>
                            <td>
                                <div class='box-radio'>
                                    <label>男</label>
                                    <input type='radio' ng-model='nItem.child_sex' value='1'>
                                </div>
                                <div class='box-radio'>
                                    <label>女</label>
                                    <input type='radio' ng-model='nItem.child_sex' value='2'>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class='td-label'>所在班级:</td>
                            <td>
                                <div class='box-radio'>
                                    <label>小班</label>
                                    <input type='radio' ng-model='nItem.child_level' value='1'>
                                </div>
                                <div class='box-radio'>
                                    <label>中班</label>
                                    <input type='radio' ng-model='nItem.child_level' value='2'>
                                </div>
                                <div class='box-radio'>
                                    <label>大班</label>
                                    <input type='radio' ng-model='nItem.child_level' value='3'>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class='modal-footer'>
                    <button class='btn btn-primary btn-sm btn-w-sm' ng-click='update_item(nItem.id, nItem)'>确认</button>
                    <button class='btn btn-default btn-sm btn-w-sm' data-dismiss='modal'>取消</button>
                </div>
            </div>
        </div>
    </div>

</div>